.app-mine{
    background-color: #e8e8e8;
    padding-bottom: .125rem;
    .profilePhoto{
        background-color: #fff;
        height: 4.6875rem;
        margin-bottom: .4688rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        .pro-top{
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .3438rem;
            .pro-top-left{
                display: flex;
                align-items: center;
                img{
                    width: 2.8906rem;
                    height: 2.8906rem;
                    border-radius: 50%;
                    margin-right: .5rem;
                }
                i{
                    position: absolute;
                    color: #e75934;
                    left: 2.1563rem;
                    bottom: -0.0413rem;
                    font-size: 0.7688rem;
                }
            }
            .pro-top-right{
                i{
                    font-size: .4219rem;
                }
            }


        }
        .use-bottom{
            color: #8A8A8A;
            font-size: .3125rem;
        }
    }
    .dynamic{
        background-color: #fff;
        height: 70px;
        margin-bottom: .4688rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .dyn-left{
            font-size: .3281rem;
            i{
                color: #4294ff;
                font-size: .3438rem;
            }
        }
        .dyn-right{
            font-size: .3281rem;
            i{
                color: #8A8A8A;
                font-size: .3125rem;
            }
        }
    }
    .exerciseData{
        background-color: #fff;
        height: 4.2188rem;
        margin-bottom: .4688rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        .exe-top{
            display: flex;
            justify-content: space-between;
            .exe-top-left{
                font-size: .3525rem;
                display: flex;
                align-items: baseline;
                i{
                    color: #4294FF;
                    font-size: .3681rem;
                }
            }
            .exe-top-right{
                i{
                    color: #8a8a8a;
                    font-size: .3125rem;
                }                
            }
        }
        .exe-bottom{
            height: 2.1875rem;
            display: flex;
            justify-content: space-between;
            .exe-bot-left,
            .exe-bot-right{
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                .exe-bot-lef-text{
                    color: #8A8A8A;
                    font-size: .2813rem;
                }
                .exe-bot-lef-value{
                    font-size: .2813rem;
                    strong{
                        font-size: .925rem;
                        color: #4294FF;
                    }
                }
            }
        }
    }
    .badge{
        background-color: #fff;
        height: 4.0625rem;
        margin-bottom: .4688rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        .bad-top{
            display: flex;
            justify-content: space-between;
            .exe-top-left{
                font-size: .3525rem;
                display: flex;
                align-items: baseline;
                i{
                    color: #4294FF;
                    font-size: .4481rem;
                    margin-right: .1094rem;
                }
            }
            .exe-top-right{
                i{
                    color: #8a8a8a;
                    font-size: .3125rem;
                }                
            }
        }
        .bad-bottom{
            display: flex;
            justify-content: space-between;
            img{
                width: 2.4063rem;
                height: 2.4063rem;
            }
        }
    }
    .quit{
        background-color: #fff;
        height: 1.0938rem;
        margin-bottom: .4688rem;
        color: #4294FF;
        font-size: .3438rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}